<template>
  <div id="articleB-content">
    <span style="font-size: 1.5em">{{ activity.name }}</span>
    <span style="float: left;margin-top: 30px;">地点：{{activity.place}}</span>
    <span style="float: right;margin-top: 30px">{{activity.time | DateFormat}}</span>
    <el-divider></el-divider>
    <div style=" box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);border: 1px;height: 500px">
      <el-image
          style="width: 100%;float: left"
          :src="url"
          ></el-image>
      <div class="input-textarea-article">
        <el-input
            type="textarea"
            :rows="5"
            readonly
            placeholder="无简介"
            v-model="activity.content">
        </el-input>
      </div>
    </div>
  </div>
</template>

<script>
import {activityByIdApi} from '@/api'
export default {
  name: "ActivityB",
  data(){
    return{
      url: 'https://yashuang.oss-cn-beijing.aliyuncs.com/',
      id: 0,
      activity:{},
    }
  },

  created() {
    this.id = this.$route.query.id;
    let activity = {
      id: this.id,
      status:2
    };
    activityByIdApi(activity).then((result)=>{
      this.activity = result.data;
      this.url += this.activity.image;
    })
  }
}
</script>

<style scoped>
.input-textarea-article>>>.el-textarea__inner{
  border: 0;
  resize: none;
}
</style>
